<!--
 * @Description: 档案管理
 * @Author: wang_k
 * @Date: 2023-05-16 10:45:54
 * @LastEditTime: 2025-08-27 17:27:00
 * @FilePath: /note/src/views/Ceshi/index.vue
-->
<template>
  <div class="archives-attachment">
    <!-- <h1>档案管理</h1> -->
    <div class="archives-search">
      <div class="search-name">文件名称</div>
      <div class="search-input">
        <el-input
          v-model="input"
          placeholder="请输入内容"
        ></el-input>
      </div>
    </div>
    <hr>
    <div class="archives-content">
      <div class="left-container">
        <archivesLeftTree />
      </div>
      <div class="right-container">
        <!-- <archivesRighttable /> -->
         <chart />
      </div>
    </div>

  </div>
</template>

<script>
import archivesLeftTree from "./components/archivesLeftTree.vue"
import archivesRighttable from "./components/archivesRighttable.vue"
// import chart from "./components/xxx.vue"
import chart from "./components/end.vue"
// import chart from "./components/chart.vue"
export default {
  name: "ArchivesAttachment",
  components: {
    archivesLeftTree,
    archivesRighttable,
    chart
  },
  props: {},
  data() {
    return {
      input: ""
    };
  },
  computed: {},
  watch: {},
  created() { },
  mounted() { },
  methods: {},
};
</script>

<style scoped>
.archives-attachment {
  width: 100vw;
  height: 100vh;
  background-color: #9999991f;
  padding: 0 20px;
}
.archives-search {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
.search-name {
  width: 10%;
}
.search-input {
  width: 30%;
}
.archives-content {
  display: flex;
}
.left-container {
  width: 30%;
  height: 100%;
}
.right-container {
  width: 70%;
  height: 100%;
}
</style>
